<html>

<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <meta name="veiwport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css" />
    <script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js">
    </script>
    <script type="text/javascript" src="./js/echarts.min.js"></script>
    <!-- <script type="text/javascript" src="https://rawgit.com/ecomfe/echarts-gl/master/dist/echarts-gl.min.js"></script>
    <script type="text/javascript" src="http://www.cmono.net/ec/echartsConfig.js"></script>
    <script type="text/javascript" src="http://www.cmono.net/ec/ext.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/resource/echarts-liquidfill-1.0.4/dist/echarts-liquidfill.js"></script> -->
    <script type="text/javascript" src="./js/dark.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Ui1hFIbTdm26BERXEZv9VudhLwcl4k3G"></script>
    <link rel="stylesheet" href="./css/main.css">
    <script src="./js/shandong.js"></script>

    <script>

        window.onload = function() {
          var map = new BMap.Map('allmap');
        map.centerAndZoom(new BMap.Point(119.195026,36.740612),13);
        var style_json_all=[
          {
                    "featureType": "land",
                    "elementType": "all",
                    "stylers": {
                              "color": "#155191",
                              "lightness": -17
                    }
          }
]
        var  mapStyle ={
              features: ["road", "building","water","land"],//隐藏地图上的poi
              style : "midnight"  //设置地图风格为高端黑
          }
        map.setMapStyle({
  styleJson:style_json_all
});
map.enableScrollWheelZoom(true);
        function checkhHtml5()
              {
                  if (typeof(Worker) === "undefined")
                  {
                      if(navigator.userAgent.indexOf("MSIE 9.0")<=0)
                 {
                 alert("定制个性地图示例：IE9以下不兼容，推荐使用百度浏览器、chrome、firefox、safari、IE10");
                 }

                  }
              }
        checkhHtml5();
$("#jz_content_top").on("click",function() {
  console.log("数据");
  $("#jz_content_top").hide();
  $(".jz_left_top_map").show();
})

        }
    </script>
</head>

<body style="background:url('http://121.196.232.136:8080/rank/bg.jpg')">
    <div>
        <div  id="allmap" class="all" ></div>

    </div>
    <div class="am-g doc-am-g"  >
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
            <!-- <h1>景芝大数据调度指挥平台</h1> -->
            <!-- <img src="./title.png" style="width:216px;height:39px;" alt=""> -->
            <a href="#" class="img_all"></a>
            <div class="content">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="707" height="510"><param name="movie" value="vcastr22.swf"><param name="quality" value="high"><param name="allowFullScreen" value="true"><param name="wmode" value="transparent"><param name="autostart" value="true"> <param name="FlashVars" value="vcastr_file=tp/One.flv&amp;IsAutoPlay=1"><embed src="vcastr22.swf" width="807" height="510" allowfullscreen="true" flashvars="vcastr_file=tp/One.flv&amp;IsAutoPlay=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" transparent="wmovde"></object>
</div>
        </div>
        <div class="zpbtop am-u-sm-12 am-u-md-2 am-u-lg-2">
            <div class="zpbtop5 am-u-sm-12 am-u-md-12 am-u-lg-12">

                <div class="jz_left_top" id="jz_left_top">

                </div>
            </div>
            <div class="zpbtop5 am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="jz_left_top" id="jz_left_top2">

                </div>
            </div>
            <!-- <div class="zpbtop2 am-u-sm-12 am-u-md-6 am-u-lg-6">
                <div class="jz_left_top" id="jz_left_top2">

                </div>
            </div>
            <div class="zpbtop3 am-u-sm-6 am-u-md-6 am-u-lg-6">
                <div class="jz_left_top" id="jz_left_top3">

                </div>
            </div>
            <div class="zpbtop4 am-u-sm-6 am-u-md-6 am-u-lg-6">
                <div class="jz_left_top" id="jz_left_top4">

                </div>
            </div> -->
            <div class="zpbtop5 am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="jz_left_top4" id="jz_left_top3">
                    <div class="jz_title jz_title_all">
                      <span>成交额</span>
                      <span>552478</span>
                    </div>
                    <div class="jz_title_all jz_title1">
                      <span>今日订单</span>
                      <span>552478</span>
                    </div>
                    <div class="jz_title_all jz_title2">
                      <span>今日上新</span>
                      <span>552478</span>
                    </div>
                    <div class="jz_title4">
                      <span>今日新增</span>
                      <span>552478</span>
                      <span>累计注册用户</span>
                      <span>12222552478</span>
                    </div>
                    <div class="jz_title5">
                        <div class="top_color_all" id="jz_left_top9">

                        </div>
                    </div>
                </div>
            </div>
            <div class="zpbtop5 am-u-sm-12 am-u-md-12 am-u-lg-12">

                <div class="jz_left_top2" id="jz_left_top4">

                </div>
            </div>
        </div>
        <div class=" am-u-sm-12 am-u-md-4 am-u-lg-10">
            <div class="zpbtop6 am-u-sm-12 am-u-md-12 am-u-lg-12">
                <div class="jz_left_top4" id="jz_content_top1">

                </div>
            </div>
            <div class="top22 zpbtop am-u-sm-12 am-u-md-12 am-u-lg-12">
            <div class="zpbtop5  am-u-sm-12 am-u-md-3 am-u-lg-3">
                <div class="slide-title">
                    <span>排名</span>
                    <span>品牌</span>


                </div>
                <div class="slide-container">
                    <ul class="slide-list js-slide-list">
                        <li class="odd"><span>冠军</span><span>景芝</span></li>
                        <li class="even"><span>亚军</span><span>景芝</span></li>
                        <li class="odd"><span>季军</span><span>景芝</span></li>
                        <li class="even"><span>4</span><span>景芝</span></li>
                        <li class="odd"><span>5</span><span>景芝</span></li>
                        <li class="even"><span>6</span><span>景芝</span></li>

                    </ul>
                </div>
            </div>
            <div class="zpbtop6 am-u-sm-12 am-u-md-3 am-u-lg-3">
              <div class="jz_left_top2" id="jz_left_top5">

              </div>
            </div>
            <div class="zpbtop6 am-u-sm-12 am-u-md-3 am-u-lg-3">
                <div class="jz_left_top2" id="jz_content_top3" >

                </div>
            </div>
            <div class="zpbtop6 am-u-sm-12 am-u-md-3 am-u-lg-3">
              <!-- <div class="jz_left_top2" id="jz_left_top4">

              </div> -->
            </div>

        </div>
        </div>
    </div>
    <script type="text/javascript" src="./js/jz_all.js"></script>
</body>

</html>
